<template>
  <view class="container">
    <web-view :webview-styles="webviewStyles" :src="htmPageUrl"></web-view>
  </view>
</template>

<script lang="ts" setup>

  import { ref, reactive } from 'vue'
  import { onLoad } from '@dcloudio/uni-app';
  const htmPageUrl = ref<string>()
  const webviewStyles = reactive({
    progress: {
      color: '#FF3333'
    },
  })

  onLoad((option: any) => {
    let htmPageTitle = option.htmlPageTitle
    uni.setNavigationBarTitle({
      title: htmPageTitle,
    })
    htmPageUrl.value = decodeURIComponent(option.htmPageUrl)
  })
</script>

<style lang="scss" scoped></style>
